@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.2
*/

@media screen, projection
{
    /**
     * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
     * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
     *
     * @workaround
     * @affected IE8, FF, Webkit, Opera
     * @css-for all
     * @valid CSS3
    */

    body { overflow-y: scroll; }

    /*-------------------------------------------------------------------------*/

    /* (en) Marginal areas & page background */
    /* (de) Randbereiche & Seitenhintergrund */
    body {
        background-image: url(../../images/fondoweb.png);
        /*background: url(../../images/dirt.jpg) no-repeat, url(../../images/fondoweb.png);*/
    }

    /* Layout Alignment | Layout-Ausrichtung */
    .page_margins { margin: 20px auto; }

    /* Layout Properties | Layout-Eigenschaften */
    .page_margins { width: auto;  min-width: 45em; max-width: 90em; background: rgb(255,255,255); }
    .page { padding: 10px 15px 10px 10px; }
    #header { padding: 0 2em 0 20px; color: #000; background: #FFF; }
    #header form.yform.columnar{
        background: white;
        border-radius:5px;
    }
    #header form.yform.columnar input{
        border:1px solid #DADADA;
        outline: none;
        /*background: white;*/
    }
    #topnav { color: #aaa; background: transparent; }
    #nav { height: 154px; overflow:hidden; z-index: 1000; }
    div.hlist {
        border:none;
    }
    #main { margin: 10px 0; background: #fff; }
    #teaser { clear:both; padding: 0; margin: 10px 0; }
    #teaser img{width: 100%; max-height: 194px;}
    #footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }

    /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
    #nav ul { margin-left: 20px; }

    /*-------------------------------------------------------------------------*/

    /**
     * (en) Formatting content container
     * (de) Formatierung der Inhalts-Container
     *
    */

    #col1 { float: left; width: 25%;  margin:0;}
    #col2 { float: left; width: 55%;  margin:0 }
    #col3 { width: auto; margin: 0 0 0 80%}
    #col1_content { padding: 0 2px 0 2px }
    #col2_content { padding: 0 10px }
    #col3_content { padding: 0 20px 0 10px }

    /*-------------------------------------------------------------------------*/

    .page_margins {
        border: 0 none;
        background-repeat:repeat-y;
        background-position:left;
        -moz-border-radius:15px;
        -webkit-border-radius:15px;
        border-radius:15px;
    }

    .page {
        border: 0 none;
        margin: 0 0 0 5px;
        padding: 0 15px 10px 10px;
        /*background-image:  url(../../images/gfxborder/border_right.gif);
        background-repeat:repeat-y*/
        background-position:right;
    }
    iframe{
        overflow: hidden;
    }

    #border-top {
        overflow:hidden;
        width: auto;
        height: 20px;
        font-size:0;
        margin-bottom: -15px;
        background-image:  url(../../images/gfxborder/border_top.gif);
        background-repeat:repeat-x;
        background-position:top left;
    }

    #border-bottom {
        overflow:hidden;
        width: auto;
        height: 20px;
        margin-top: -15px;
        font-size:0;
        background-image:  url(../../images/gfxborder/border_bottom.gif);
        background-repeat:repeat-x;
        background-position:bottom left;
    }

    #edge-tl {
        float:left;
        width: 20px;
        height: 20px;
        font-size:0;
        background-image:  url(../../images/gfxborder/corner_tl.gif);
        background-position: top left;
    }

    #edge-tr {
        position:relative; /* IE Fix | z-index */
        float:right;
        width: 20px;
        height: 20px;
        font-size:0;
        background-image:  url(../../images/gfxborder/corner_tr.gif);
        background-position: top right;
    }

    #edge-bl {
        float:left;
        width: 20px;
        height: 20px;
        background-image:  url(../../images/gfxborder/corner_bl.gif);
        background-position: bottom left;
    }

    #edge-br {
        position:relative; /* IE Fix | z-index */
        float:right;
        width: 20px;
        height: 20px;
        background-image:  url(../../images/gfxborder/corner_br.gif);
        background-position: bottom right;
    }

}
